<template>
  <div id="workInfo" class="workInfo text-center">
    <div class="container">
      <div class="section-title center">
        <h2>人生 <strong> 经历</strong></h2>
        <hr>
        <p>跨越北京和深圳，跌宕起伏中体验年轻的精彩</p>
      </div>
      <div class="workInfo-row">
        <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/xiaobu.jpg" alt="搜狐新闻客户端" class="img-circle team-img">
            <div class="caption">
              <h3>深圳小步网络科技有限公司</h3>
              <p>高级Python爬虫、后端工程师</p>
              <p>2021.12-2023.05</p>
              <p>负责公司资讯、短视频、新闻、google应用市场爬虫，负责Xworld产品的后端研发工作，因公司经济性裁员离职。</p>
            </div>
          </div>
        </div>

        <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/xiwen.jpg" alt="喜文信息科技" class="img-circle team-img">
            <div class="caption">
              <h3>济南喜文信息科技有限公司（深圳）</h3>
              <p>CEO</p>
              <p>2021.05-2021.11</p>
              <p>创业研发了智能学习机，解决了疫情期间学校进行职业技能培训的问题，因疫情转好而结束</p>
            </div>
          </div>
        </div>


        <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/lianyirong.png" alt="比一比网络科技" class="img-circle team-img">
            <div class="caption">
              <h3>联易融数字科技集团有限公司</h3>
              <p>技术主管</p>
              <p>2020.08-2021.04</p>
              <p>基于个人在数据采集上的资能经验，整合公司AI技术，做到了一个无需额外开发，基于AI自动识别的智能RPA采集系统。最终因大公司太受局限离职</p>
            </div>
          </div>
        </div>

         <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/beyebe.png" alt="比一比网络科技" class="img-circle team-img">
            <div class="caption">
              <h3>比一比网络科技有限公司</h3>
              <p>技术架构师</p>
              <p>2018.10-2020.08</p>
              <p>在公司担任的技术负责人一职，负责项目15个。承担主要责任的项目合同金额共计389万元。公司3月转型交通安全领域，申请转岗担任产品经理，最终因跟个人规划不同离职。</p>
            </div>
          </div>
        </div>
         <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/quanmindianyou.png" alt="全民点游" class="img-circle team-img">
            <div class="caption">
              <h3>全民点游</h3>
              <p>python爬虫工程师</p>
              <p>2018.04-2018.09</p>
              <p>入职后担任python爬虫工程师一职，半年内连升三次岗位与工资，最终负责整体资讯流产品的数据采集技术架构构建，后因公司效益不佳，拖欠工资离职。</p>
            </div>
          </div>
        </div>
        <div class="workInfo-row-item col-xs-12 col-sm-4">
          <div class="thumbnail">
            <img src="../../assets/img/sohu.jpg" alt="搜狐新闻客户端" class="img-circle team-img">
            <div class="caption">
              <h3>北京搜狐新媒体有限公司</h3>
              <p>算法工程师\JAVA开发工程师</p>
              <p>2016.12-2017.11</p>
              <p>入职参与项目《渠道ROI投放模型》项目担任算法工程师，凭借此项目成功转正。后参与项目《你身边的新鲜事》担任微信小程序JAVA开发，完成后因创业想法离职。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "workInfo"
}
</script>

<style lang="less" scoped>
.workInfo {
  padding: 80px 0;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);

  &-row {
    display: block;
    text-align: center;

    img.img-circle.team-img {
      width: 120px;
      height: 120px;
      border: 4px solid transparent;
      transition: all 0.5s;
    }

    &-item {
      height: 360px;
      float: none;
      display: inline-flex;
      margin: 10px 0;

      .thumbnail {
        width: 100%;
        height: 100%;
        border: 0;

        &:hover {
          z-index: 2;
          box-shadow: 0 15px 30px rgba(0, 0, 0, .7);
          transform: translate3d(0, -2px, 0);
          transition: all 0.8s;
        }

        .caption {
          padding: 9px;
          color: #5a5a5a;
        }
      }
    }
  }
}


</style>